<template>
	<div class="interface-test" style="height:593px">
		<div class="if-test">
			<div class="header">
				<el-select v-model="method" placeholder="get">
					<el-option label="post" value="post"></el-option>
					<el-option label="get" value="get"></el-option>
				</el-select>
				<el-input v-model="input" placeholder="请输入内容"></el-input>
				<el-button type="success"  size="mini">send</el-button>
				<el-button type="primary"  size="mini">save</el-button>
			</div>
			<div class="content" height="500px">
				<div class="type">
					<div width="50px">
						<router-link :to="{name:'param'}">PARAM</router-link>
						<router-link :to="{name:'body'}" class="BODY">BODY</router-link>
						<router-link :to="{name:'cookie'}" style="float:right;">Cookies</router-link>
					</div>
				</div>
				
				<keep-alive exclude="home">
				  <router-view></router-view>
				</keep-alive>
			</div>
		</div>
	</div>
</template>

<script lang="ts">
import axios from "axios";

export default {
  inject: ["reload"],
  name: "interface-test",
  components: {
  },
  data() {
    return {
	  method:'',
	  input:'',
	  datatype:'',
      
    };
  },
  methods: {
	  // clickMenu() {
	  // 	this.$router.push({
	  // 		name: this.name
	  // 	})
	  // }
    
  },
};
</script>
<style lang="less" scoped>
.interface-test {
	width:950px;
	margin: 20px;
	height: 592px;
}
// .if-test {
// 	top: 50%;
// 	left: 50%;
// }
.header {
	display: flex;
	button {
		margin-left:20px;
	}
}
.BODY{
	margin-left:20px;
}
.type{
	margin-top:30px;
}
</style>
